<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../work.css" />
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="../../static/components/components.css" />
		<style>
			* {
			touch-action: none;
		}

		html,
		body {
			background-color: #efeff4;
		}
		.myheigth {
			height: 9vw;
		}
	</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">网络安全防护设备检查</h1>
		</header>
		<div class="mui-content" id="content">
			<div class="main_box">
				<div class="main_icon"></div>
				<div class="main_icon1"></div>
				<div class="box_title">
					<div class="icon"></div>
					<div style="font-size: 4vw;">网络安全防护设备检查</div>
				</div>
				<!-- <div class="procee_line">
					<span>领取任务</span>
					<img src="../../../../img/post.png" class="icon_circle" />
					<div class="line"></div>
					<span>录入信息</span>
					<img src="../../../../img/post.png" class="icon_circle" />
					<div class="line"></div>
					<span>确认信息</span>
					<img src="../../../../img/post.png" class="icon_circle" />
				</div> -->
				<!-- <div class="flex_row mt-10">			
					<div class="form_label">批准人</div> <div>[P234566]赵武</div>
			</div>
			<div class="flex_row mt-10">			
				<div class="form_label">负责人</div> <div>[P234566]赵武</div>
			</div>
				<div class="flex_row mt-10">
						<div class="form_label">试验日期</div> <div>2021-11-16</div>			
				</div>
				<div class="flex-row mt-10">
					<div class="form_label">设备单元名称</div> <div>场用带系统</div>
				</div>
				<div class="flex-row mt-10">
					<div class="form_label">试验切换人员</div> <div>风机检查</div>
				</div> -->


				<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />

				<!-- <div class="flex-between">		
					<div>试验内容</div>
					<div><span>+</span><span>-</span></div>
			</div> -->
				<div class="mt-10">
					<div class="flex-between myheigth m-10">
						<div>
							巡检日期 {{formData.checkDate}}
						</div>
					</div>
					<div class="flex-between myheigth m-10">
						<div>
							巡检人 {{formData.checkStaffName}}
						</div>
					</div>
					<div class="flex-between myheigth m-10">
						设备名称 <input placeholder="请输入设备名称" maxlength="60" v-model="formData.deviceName" class="itme-content"></input>
					</div>
					<div class="flex-between myheigth m-10">
						所需间隔 <input placeholder="请输入所需间隔" maxlength="60" class="itme-content" v-model="formData.bay"></input>
					</div>
					<div class="flex-between myheigth m-10">
						是否警告 <div class="flex-row">
							是 <input v-model="formData.isWarning" value="1" style="width: 18px;margin-right: 5px;" type="radio" id="">
							否 <input v-model="formData.isWarning" value="0" style="width: 18px;margin-right: 5px;" type="radio" id="">
						</div>
					</div>
					<div class="flex-between myheigth m-10">
						运行环境是否正常<div class="flex-row">
							是 <input v-model="formData.isAmbientNormal" value="1" style="width: 18px;margin-right: 5px;" type="radio" id="">
							否 <input v-model="formData.isAmbientNormal" value="0" style="width: 18px;margin-right: 5px;" type="radio" id="">
						</div>
					</div>
					<div class="flex-between myheigth m-10">
						是否有非正常业务设备<div class="flex-row">
							是 <input v-model="formData.isHaveAbnormalDevice" value="1" style="width: 18px;margin-right: 5px;" type="radio" id="">
							否 <input v-model="formData.isHaveAbnormalDevice" value="0" style="width: 18px;margin-right: 5px;" type="radio" id="">
						</div>
					</div>
					<div class="flex-between myheigth m-10">
						问题记录<input placeholder="请输入记录问题" maxlength="60" class="itme-content" v-model="formData.problemLog"></input>
					</div>
					<!-- <div style="margin: 5px 0;">其他情况</div>
				<textarea placeholder="请输入其他情况" maxlength="600" name="" id="" v-model="advance">
					</textarea> -->

					<!-- <div class="mt-10">
						<div >附件</div>
						<div class="icon_upload"></div>
					</div> -->
				</div>
				<div style="width: 100%;height: 60px;"></div>
				<div style="width: 90%;left: 5%;" class="fixed-bottom flex-between">
					<!-- <button class="cancel_btn">保存</button> -->
					<button class="submit_btn">添加</button>
					<button @tap="back" class="cancel_btn">返回</button>
				</div>
			</div>
		</div>
		</div>


		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<!--历史查询组件-->
		<script src="../../static/components/selectItem.js"></script>

		<!--流程日志-->
		<script>
			mui.init()
			mui.plusReady(function(){
				console.log(3123)
				let arr = plus.webview.currentWebview();
			});
		</script>
		<script type="text/javascript" charset="utf-8">
			projectVM = new Vue({
				el: "#content",
				data: {
					result: '',
					advance: '',
					show_popup: false,
					formData: {
						networkSafeInfoId: '', // 网络安全防护设备检查明细主键
						networkSafeId: '', // 网络安全防护设备检查批次主键
						checkDate: 123,
						checkStaffCodeName: 'alwin', // 新增时测试人为当前登陆人
						checkStaffCode: 'p123123',
						checkStaffName: 'asd',
						deviceName: '', //设备名称
						bay: '', // 所属间隔
						isWarning: '0', // 默认不告警
						isAmbientNormal: '1', // 默认环境正常
						isHaveAbnormalDevice: '0', // 默认无不正常设备
						problemLog: '' // 问题记录
					}
				},
				created() {
					let item = JSON.parse(window.localStorage.getItem("itme"))
					this.formData = item
					this.formData.checkStaffCodeName = '[pxmwwzi]王志'
				},
				components: {},
				methods: {
					back() {
						mui.back()
					},
					
					getTime(myDate,type) {
						var realYear = myDate.getFullYear();
						var myMonth = myDate.getMonth() + 1;
						var realMonth = myMonth;
						var myDay = myDate.getDate();
						var realDay = myDay;
						var myHour = myDate.getHours();
						var realHours = myHour;
						var myMinute = myDate.getMinutes();
						var realMinute = myMinute;
						var mySecond = myDate.getSeconds();
						var realSecond = mySecond;
						if (myMonth < 10) {
							realMonth = "0" + myMonth;
						}
						if (myDay < 10) {
							realDay = "0" + myDay;
						}
						if (myMinute < 10) {
							realMinute = "0" + myMinute;
						}
						if (myHour < 10) {
							realHours = "0" + myHour;
						}
						if (mySecond < 10) {
							realSecond = "0" + mySecond;
						}
						var realDate = realYear + '-' + realMonth + '-' + realDay + ' ' + realHours + ':' + realMinute + ':' +
							realSecond;
						if (type == "sec") {
							realDate = realYear + '-' + realMonth + '-' + realDay + ' ' + realHours + ':' + realMinute + ':' + realSecond;
						} else if (type == "min") {
							realDate = realYear + '-' + realMonth + '-' + realDay + ' ' + realHours + ':' + realMinute;
						} else if (type == "hour") {
							realDate = realYear + '-' + realMonth + '-' + realDay + ' ' + realHours;
						} else if (type == "day") {
							realDate = realYear + '-' + realMonth + '-' + realDay;
						} else if (type == "month") {
							realDate = realYear + '-' + realMonth;
						} else if (type == "year") {
							realDate = realYear;
						}
						return realDate;
					}
				},

			})
		</script>
	</body>

</html>
